﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name="mainArea"
        Background="Transparent"
        >

  <!-- // -->
  <Canvas x:Name="previousArea" Background="#2A5175">

    <!-- // -->
    <Canvas x:Name="previous" Width="40" Height="40">
      <Path x:Name="previousArrow" Width="40" Height="40" Fill="#C8C8C8" Data="M40,0 L0,20 40,40 z"/>
    </Canvas>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="header" Background="#2A5175">

    <!-- // -->
    <TextBlock x:Name="headline" FontSize="30" FontFamily="Arial" Foreground="#C8C8C8"/>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="nextArea" Background="#2A5175">

    <!-- // -->
    <Canvas x:Name="next" Width="40" Height="40">
      <Path x:Name="nextArrow" Width="40" Height="40" Fill="#C8C8C8" Data="M0,0 L40,20 0,40 z"/>
    </Canvas>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="menuArea" Background="#2A5175"/>

  <!-- // -->
  <Canvas x:Name="screenArea" Background="#C8C8C8">

    <!-- // -->
    <Canvas x:Name="scroll" Width="20" Background="#919191" Visibility="Collapsed">

      <!-- // -->
      <Canvas x:Name="scrollBar" Width="20" Background="Transparent">

        <!-- // -->
        <Canvas x:Name="scrollRuler" Width="20" Background="Transparent">

          <!-- // -->
          <Canvas x:Name="freeScroller" Width="20" Height="20" Background="#2A5175"/>
        </Canvas>
      </Canvas>

      <!-- // -->
      <Canvas x:Name="upScroller" Width="20" Height="20" Background="Transparent">

        <!-- // -->
        <Path x:Name="upArrow" Width="20" Height="20" Fill="#C8C8C8" Data="M10,0 L0,20 20,20 z"/>
      </Canvas>

      <!-- // -->
      <Canvas x:Name="downScroller" Width="20" Height="20" Background="Transparent">

        <!-- // -->
        <Path x:Name="downArrow" Width="20" Height="20" Fill="#C8C8C8" Data="M0,0 L20,0 10,20 z"/>
      </Canvas>
    </Canvas>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="screen" Background="Transparent"/>

  <!-- // -->
  <Canvas x:Name="footer" Background="#2A5175">
    
    <!-- // -->
    <Canvas Width="50" Height="50" x:Name="showPrintable" Background="Transparent">
      <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M0,30 L50,30 50,50 0,50 0,30 z M9,0 L41,0 41,28 9,28 9,0 z">
        <Path.Fill>
          <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF969696" Offset="0"/>
            <GradientStop Color="#FF969696" Offset="1"/>
            <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
          </LinearGradientBrush>
        </Path.Fill>
      </Path>
      <Rectangle Width="24" Height="4" Fill="#FF4B4B4B" Canvas.Left="13" Canvas.Top="4"/>
      <Rectangle Width="24" Height="4" Fill="#FF4B4B4B" Canvas.Left="13" Canvas.Top="12"/>
      <Rectangle Width="24" Height="4" Fill="#FF4B4B4B" Canvas.Left="13" Canvas.Top="20"/>
    </Canvas>
  </Canvas>

</Canvas>
